#vipZone {
	@include flexbox();
	@include flex-direction(column);
	height: 100%;
	background: rgba(246,246,246,1);
	header {
        @include flexbox();
		height: 45px;
        line-height: 45px;
        color: #fff;
        background: linear-gradient(to right, #2fd4ac,  #2fd492);
		i {
			width: 30px;
			background: url(image/icon_return.png) no-repeat center;
			background-size: 100%;
		}
		div {
			@include flex();
			text-align: center;
			font-size: 18px;
			margin-right: 30px;
		}

	}
	ul.list {
		@include flex();
		width: 100%;
		overflow-y: scroll;
		padding: 0 15px 10px;
		li {
            width: 100%;
			border-radius: 6px;
			background: #fff;
			margin-top: 10px;
			height: 182px;
			&>a { 
				.img {
					position: relative;
					img {
						width: 100%;
						height: 124px;
						border-radius: 6px 6px 0 0;
					}
				}
				div.tit {
                    height: 63px;
					padding: 8px 11px 0;
					h3 {
						font-size: 16px;
						color: rgba(51,51,51,1);
						width: 100%;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
					}	
					p {
						font-size: 12px;
                        color: rgb(75,75,75);
                        i {
                            margin-left: 22px;
                        }
					}
				}
			}
			
		}
	}
}